body {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
}


/* cabeçalho */
header {
background-color: rgba(100, 100, 100, 0.8);
color: white;
position: fixed;
top: 0;
width: 100%;
height: 5%;
padding-bottom:5%;

}

/* Estilos para o modal */
.modal {
  display: none; /* Escondido por padrão */
  position: fixed; /* Fica fixo na tela */
  z-index: 1; /* Fica por cima de outros elementos */
  padding-top: 50px; /* Localização do modal */
  left: 0;
  top: 0;
  width: 100%; /* Largura total */
  height: 40%; /* Altura total */
  overflow: auto; /* Habilita rolagem se necessário */
  background-color: rgb(0,0,0); /* Cor de fundo */
  background-color: rgba(0,0,0,0.4); /* Cor de fundo com opacidade */
}

.modal-conteudo {
  background-color: #fefefe;
  margin: auto;
  padding: 2px;
  width: 80%;
  overflow: auto;
}

/* Estilo para o botão de fechar */
.fechar {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.fechar:hover,
.fechar:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Estilos para o botão */
#abrir-modal {
  background-color: #4CAF50;
  color: white;
  font-size: 21px;
  padding:  1px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  width: 178px;
  height: 45px;
  margin-left: 1vw;
  margin-top: 5px;

}

#abrir-modal:hover {
  background-color: #3e8e41;
}



.blocoModal{

display: block;
border: 10px  white solid;

}

/* FIM do Modal - Estilos para o modal  */


/* letras desktop  */

.linha1{
display: inline-block;
padding-left: 3%;

}


.linha1Letras{
padding-top:1%;
font-size: 3vh;

}


.formModal{
color:#f00;

}







.links:visited{

color: #fff;

}

.links:hover{

    color: #fff;

}







main {
    display: flex;
}

.content {
    flex: 3;
    flex-wrap: wrap;
    padding:20px;
    width: 100%;
}

/* painel direito  */
.sidebar {
    flex: flex-end;

    float: right;
    word-wrap: break-word;
    background-color: #aabbccdd;
    width: 20%;
    padding: 2%;
    padding-top: 10%;
    bottom: 10%;
}

footer {
    background-color: #000;
    color: #fab;
    text-align: center;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 95%;
}

.map{
overflow: auto;
word-wrap: break-word;
width: 100%;
height: 100%;
padding-top: 8%;
padding-bottom: 400px;

}


.xmap{

bottom: 0;
width: 100%;
height: 140px;
border: 10px solid blue;
}


.inblock{

display: inline-block;
background-color:rgba(135,3,3,0.5);
padding: 10px 4px 80px;
margin-bottom: 10px;
width: 30%;
vertical-align: top;
}




.blocos{
display:flexbox;
background-color: #93a;
margin: 1px 10px 10px 10px ;
gap: 10px;
}

.mobile{
  width:  fit-content ;
  height: fit-content;
  }

.DivGalSize{

    width: 20%;

}


.mobilesize{
    width: 100%;
}


.mobileGalOuro{
  width: fit-content;
  height: fit-content;
  padding-bottom: 3%;
  }






/* tabelas */

  .tabela {
  width: 100%;
  border-collapse: collapse;
}

.tabela th, .tabela td {
  border: 3px ;
  font-size: 16px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.tabela th {
background-color:#fab;
}

td{

    font-weight: bold;

}



/*
.tabela tr:nth-child(even) {
  background-color: rgba(135,3,3,0.5);
}

.tabela tr:hover {
  background-color: #fff;
}
*/

/* tabelas */











/* Dispositivos móveis em geral */
@media only screen and (max-width: 768px) {





input{
   font-size: 20px;
}

select{
font-size: 10px;

}


header {
background-color: rgba(100, 100, 100, 0.8);
color: white;
position: fixed;
font-size: 0px;
top: 0;
width: 100%;
height: 5%;
padding-bottom:10%;

}


.map{
overflow: auto;
word-wrap: break-word;
width: 100%;
height: 100%;
padding-top: 8%;
padding-bottom: 400px;

}

/* painel direito  */
.sidebar {
    visibility: hidden;
}

.blocoModal{

display: block;

}





/*
.blocos{
display:block;

}
*/



.inblock{
background-color: #34a;

}


.mobileGalOuro{
  width: 100%;

  }

.mobile{
  width: fit-content;
  height: fit-content;
  }





/* tabelas */

  .tabela {
  width: 100%;
  border-collapse: collapse;
}

.tabela th, .tabela td {
  border: 3px ;
  font-size: 15px;
  text-align: left;
  border-bottom: 1px solid #fff;
}

.tabela th {
background-color:#34a ;
}

.tabela tr:nth-child(even) {
  background-color: #34a;
}

/*
.tabela tr:hover {
  background-color: #34a;
}
*/


/* tabelas */


/* Estilos para o modal */
.modal {
  display: none; /* Escondido por padrão */
  position: fixed; /* Fica fixo na tela */
  z-index: 1; /* Fica por cima de outros elementos */
  padding-top: 100px; /* Localização do modal */
  left: 0;
  top: 0;
  width: 100%; /* Largura total */
  height: 60%; /* Altura total */
  overflow: auto; /* Habilita rolagem se necessário */
  background-color: rgb(0,0,0); /* Cor de fundo */
  background-color: rgba(0,0,0,0.4); /* Cor de fundo com opacidade */
}

.modal-conteudo {
  background-color: #34a;
  color: red;
  margin: auto;
  padding: 5px;
  border: 1px solid #888;
  width: 80%;
  overflow: scroll;
}

/* Estilo para o botão de fechar */
.fechar {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.fechar:hover,
.fechar:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Estilos para o botão celular */
#abrir-modal {
  background-color: #4CAF50;
  color: white;
  font-size: 15px;
  padding-top:5px ;
  padding-bottom: 13px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  width: 148px;
  height: 40px;
  margin-left: 1vw;
  margin-top: 1vw;

}

#abrir-modal:hover {
  background-color: #3e8e41;
}


.t-formLocal{
font-size: large;
}


.formModal{
color:#fff;

}





/* FIM do Modal - Estilos para o modal  */








}